$(function() {
  // 展示商品的真实信息。
  // 从地址栏中获取id值，根据id值去后台查询对应的商品数据。
  // 把商品渲染到页面中。
  var id = location.search.split("=")[1];
  $.ajax({
    type: "get",
    url: "/product/queryProductDetail",
    data: {
      id: id
    },
    dataType: "json",
    success: function(res) {
      //成功的回调函数
      console.log(res);
      // 组合渲染
      $(".mui-scroll").html(template("tmp", res));
      // 渲染完成后，需要给轮播图绑定事件。
      //获得slider插件对象
      var gallery = mui(".mui-slider");
      gallery.slider({
        interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0；
      });
      // 给数字绑定事件
      mui(".mui-numbox").numbox();
    }
  });

  // 点击尺码高亮排他
  $(".mui-scroll").on("click", ".lt_size span", function() {
    $(this)
      .addClass("current")
      .siblings()
      .removeClass("current");
  });

  // 点击加入购物车按钮，获取id num size三个值，如果没有选尺码，提示未选中尺码。
  // 获取三个值，通过AJAX把商品添加到购物车。
  // 接收失败，跳到登录页。成功，跳转到购物车。
  $("#addCart").click(function() {
    var size = $(".lt_size .current").text();
    var num = $(".mui-numbox-input").val();
    if (!size) {
      mui.toast("请选中尺码");
      return;
    }
    // 通过AJAX添加商品
    $.ajax({
      type: "post",
      url: "/cart/addCart",
      data: {
        productId: id,
        num: num,
        size: size
      },
      dataType: "json",
      success: function(res) {
        //成功的回调函数
        console.log(res);
        if (res.error) {
          location.href = "./login.html?reUrl=" + location.href;
        }
        if (res.success) {
          // 问用户添加成功，是继续浏览还是去购物车。
          mui.confirm(
            "添加成功",
            "温馨提示",
            ["继续浏览", "去购物车"],
            function(e) {
              if (e.index == 1) {
                location.href = "./cart.html";
              }
            }
          );
        }
      }
    });
  });
});
